  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <!-- <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css" /> -->
  <script>
  $(function() {
    $( "#slider-range-min" ).slider({
      range: "min",
      value: 1000,
      min: 100,
      max: 10000,
      slide: function( event, ui ) {
        $( "#amount" ).val( ui.value );
      }
    });
    $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ));
    //alert($( "#slider-range-min" ).slider( "value" ));
  });
  </script>
<div class="page">
    <div class="container">
        <div class="span10 offset1" id="wrap" style="margin-top:20px;">
            <div class="container-fluid">              
                
                <div class="row-fluid">
                                    <div class="span8">
                        
                        <div class="row span12">
                            <div class="span5">
                    	       <strong>HASIL PENCARIAN</strong><br/>
                           </div>
                           <div class="span5 offset2">
                        <a href="<?php echo site_url('timeline');?>">Lihat semua perjalanan</a>                            
                           </div>
                        </div>
<div class="" id="timeline" style="">
	<?php          
                    if($output['timeline']==""){
                        echo 'Perjalanan tidak ditemukan';
                    } else {
                        for($count=0;$count<sizeof($output['timeline']);$count++) {
                           // if($value->status == 'P'){ ?>
                           <a href="<?php echo site_url().'/profil/detail/'.$output['timeline'][$count]['userId'];?>">
                            <div class="span12 thumbnail" id="profil-side">
                            <div class="span2">
                              <div class="thumbnail ava">
                            <?php if($output['timeline'][$count]['avatar']!= ""){ ?>
                            <img data-src="<?php echo base_url(); ?>assets/js/holder.js/160x120" src="<?php echo base_url(); ?>avatar/thumb/<?php echo $output['timeline'][$count]['avatar'];?>" class="">
                            <?php } else { ?>
                            <img data-src="<?php echo base_url(); ?>assets/js/holder.js/160x120" src="<?php echo base_url(); ?>assets/img/person.jpg" class="">
                            <?php } ?>
                          </div>
                          <div style="font-size:10px;">
                          <?php if($output['timeline'][$count]['status'] == 'P'){
                            echo 'PENGEMUDI';
                          } else {
                            echo 'PENUMPANG';
                          }
                            ?> </div>
                            </div>
                            <div class="span8">
                            <?php //echo site_url().'/profil/detail/'.$output['timeline'][$count]['userId'];?>
                            <strong><?php echo $output['timeline'][$count]['source_label']; ?> -> <?php echo $output['timeline'][$count]['destination_label']; ?> </strong> <br/>
                          via <?php echo $output['timeline'][$count]['via']; ?><br/>
                          <?php echo $output['timeline'][$count]['name']; ?>, <?php echo $output['timeline'][$count]['departTime']; ?>
                        
                            </div>
                          <div class="span2">
                            <?php echo $output['timeline'][$count]['priceInRupiah']; ?> <br/>
                          <?php echo $output['timeline'][$count]['priceInPoint']; ?>
                          </div>
                            </div>
                            </a>
                      <?php   //  }
                        }}
                        ?>                        
</div>
<center>
                      <div id="paginasi">                
                        <?php
                            echo $this->pagination->create_links();
                            ?></div>
                          </center>
                    </div>
                    <div class="span4 thumbnail" id="profil-side">
                      <form class="span12" action="<?php echo site_url('timeline/cari'); ?>" method=="GET">
                  <input type="text" class="span8" name="dari" id="dari" placeholder="Dari" style="width:100%"><br/>
                    <input type="text" class="span8" name="ke" id="ke" placeholder="Ke" style="width:100%"><br/>
                    <input type="datetime-local" class="span8" name="departTime" id="berangkat" placeholder="Berangkat" style="width:100%"><br/>
                    <!-- <input type="datetime-local" class="input-small" name="to" id="sampai" placeholder="Sampai"><br/> -->
                    <input type="checkbox" name="pengemudi" > Pengemudi 
                    <input type="checkbox" name="penumpang"> Penumpang <br/>
                    Radius Pencarian (m):<br/>
                    <input type="text" id="amount" name="amount" class="" style="border: 0; color: #f6931f; font-weight: bold; width:60px" />
                    <div id="slider-range-min" class="" style=""></div>
                    <!-- <input type="text" name="radius" class="input-small span2" style="width:60px"> -->
                    <input type="submit" class="btn" id="cari" value="CARI">
                  </form>
                    </div>
                    
                </div><br/>
            </div>
        </div>
    </div>
</div>
